<ion-content class="white-bg no-scroll">
    <div class="logo">
        <img src="./assets/img/login/logo.png">
    </div>
    <div class="item border">
        <span>账号</span>
        <input type="text" [(ngModel)]="user.userName" (focus)="nameIsFocus = true" (blur)="nameIsFocus = false" />
        <ion-icon name="backspace" class="clear" *ngIf="user.userName>0 && nameIsFocus" (tap)="user.userName=''"></ion-icon>
    </div>
    <div class="item border">
        <span>密码</span>
        <input type="password" [(ngModel)]="user.passWord" (focus)="passIsFocus = true" (blur)="passIsFocus = false" />
        <ion-icon name="backspace" class="clear" *ngIf="user.passWord>0 && passIsFocus" (tap)="user.passWord=''"></ion-icon>
    </div>
    <div id="menu" class="item">
        <input #autoSignInput id="autoSignInput" type="checkbox" (change)="remenberTapped($event)" />
        <label for="autoSignInput">记住密码</label>
        <span>找回密码</span>
    </div>
    <button class="login" ion-button (click)="login($event)">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</button>
</ion-content>